<template>
    <div>
        <el-row>
            <el-col :span="24" class="base-mian-cell" v-if="saveDamageFlag">
                <div class="base-mian-cell-title clearfix">
                    <div class="left fl">
                        <span class="line">|</span>
                        <span class="tips">保全记录</span>
                    </div>
                    <div class="right fr" @click="changeView">
                        <i class="el-icon-circle-close"></i>
                    </div>
                </div>
                <div class="base-mian-cell-main">
                    <el-table :data="poss" style="width: 100%" >
                        <el-table-column prop="chdrnum" label="保单号码" min-width="120" show-overflow-tooltip></el-table-column>
                        <el-table-column prop="apnum" label="受理号" min-width="120" show-overflow-tooltip></el-table-column>
                        <el-table-column prop="aptype" label="变更内容" min-width="120" show-overflow-tooltip>
                            <template slot-scope="scope">
                                {{scope.row.aptype | aptypePipe}}
                            </template>
                        </el-table-column>

                        <el-table-column prop="effdate" label="生效时间" min-width="120" show-overflow-tooltip></el-table-column>
                        <el-table-column prop="address" label="操作" width="100">
                            <template slot-scope="scope">
                                <span class="operationIcon" @click="showMovement(scope.row)">
                                  <el-tooltip class="item" effect="light" content="详情" placement="top">
                                    <i class="el-icon-document"></i>
                                  </el-tooltip>
                                </span>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </el-col>
        </el-row>

        <!-- 保全记录 操作弹框 -->
        <el-dialog
                title="保全记录"
                :visible.sync="opinionDialogVisible4"
                width="60%"
                center>
            <el-row class="mb10">
                <el-col :span="12">
                    <el-col :span="8">
                        <label class="complain-lab">保单号码</label>
                    </el-col>
                    <el-col :span="16">
                        <el-input readonly v-model="chdrnum"></el-input>
                    </el-col>
                </el-col>
                <el-col :span="12">
                    <el-col :span="8">
                        <label class="complain-lab">受理号</label>
                    </el-col>
                    <el-col :span="16">
                        <el-input readonly v-model="apnum"></el-input>
                    </el-col>
                </el-col>
            </el-row>
            <el-row class="mb10">
                <el-col :span="4">
                    <label class="complain-lab">变更内容</label>
                </el-col>
                <el-col :span="20">
                    <el-input v-model="aptype"
                              type="textarea"
                              readonly
                              :rows="2"
                              placeholder="请输入内容"
                    >
                    </el-input>
                </el-col>
            </el-row>
            <el-row class="mb10">
                <el-col :span="12">
                    <el-col :span="8">
                        <label class="complain-lab">生效日期</label>
                    </el-col>
                    <el-col :span="16">
                        <el-input readonly v-model="effdate"></el-input>
                    </el-col>
                </el-col>
                <el-col :span="12">
                    <el-col :span="8">
                        <label class="complain-lab">异动项目</label>
                    </el-col>
                    <el-col :span="16">
                        <el-input readonly v-model="changeItem"></el-input>
                    </el-col>
                </el-col>
            </el-row>
            <!--            <el-row class="mb10">-->
            <!--                <el-col :span="4">-->
            <!--                    <label class="complain-lab">异动后</label>-->
            <!--                </el-col>-->
            <!--                <el-col :span="20">-->
            <!--&lt;!&ndash;                    <el-input v-model="afterContent" id="afterContent"&ndash;&gt;-->
            <!--&lt;!&ndash;                            type="textarea"&ndash;&gt;-->
            <!--&lt;!&ndash;                            :rows="5"&ndash;&gt;-->
            <!--&lt;!&ndash;                            placeholder="请输入内容"&ndash;&gt;-->
            <!--&lt;!&ndash;                    >&ndash;&gt;-->
            <!--&lt;!&ndash;                    </el-input>&ndash;&gt;-->
            <!--                    <div  v-html="afterContent" style="min-height:50px;border: 1px solid #DCDFE6;border-radius: 5px;padding: 5px 15px;"></div>-->
            <!--                </el-col>-->
            <!--            </el-row>-->
            <!--            <el-row>-->
            <!--                <el-col :span="4">-->
            <!--                    <label class="complain-lab">异动前</label>-->
            <!--                </el-col>-->
            <!--                <el-col :span="20">-->
            <!--&lt;!&ndash;                    <el-input v-model="beforeContent" id="beforeContent"&ndash;&gt;-->
            <!--&lt;!&ndash;                            type="textarea"&ndash;&gt;-->
            <!--&lt;!&ndash;                            :rows="5"&ndash;&gt;-->
            <!--&lt;!&ndash;                            placeholder="请输入内容"&ndash;&gt;-->
            <!--&lt;!&ndash;                    >&ndash;&gt;-->
            <!--&lt;!&ndash;                    </el-input>&ndash;&gt;-->
            <!--                    <div  v-html="beforeContent" style="min-height:50px;border: 1px solid #DCDFE6;border-radius: 5px;padding: 5px 15px;"></div>-->
            <!--                </el-col>-->
            <!--            </el-row>-->
            <el-row>
                <el-table
                        :data="tableData"
                        border
                        style="width: 100%"
                        max-height="250">
                    <el-table-column
                            fixed
                            prop="date"
                            label=" "
                            width="10">
                    </el-table-column>
                    <el-table-column
                            fixed
                            prop="project"
                            label="异动项目"
                            min-width="20%">
                        <template slot-scope="scope">
                            <div v-html="scope.row.project"></div>
                        </template>
                    </el-table-column>
                    <el-table-column
                            fixed
                            prop="date"
                            label="异动后"
                            min-width="35%">
                        <template slot-scope="scope">
                            <div v-html="scope.row.after"></div>
                        </template>
                    </el-table-column>
                    <el-table-column
                            fixed
                            prop="date"
                            label="异动前"
                            min-width="35%">
                        <template slot-scope="scope">
                            <div v-html="scope.row.before"></div>
                        </template>
                    </el-table-column>


                </el-table>

            </el-row>
            <span slot="footer" class="dialog-footer">
            <el-button @click="opinionDialogVisible4 = false">返 回</el-button>
        </span>
        </el-dialog>


    </div>
</template>
<script>
  import appName from "@/api/appName";
  import constant from '@/utils/constant';
  import uwJs from '@/utils/effect';
  import {getToken,setCookie} from '@/utils/auth';

  export default {
    data() {
      return {
        claimData: [],
        tableData: [],
        opinionDialogVisible4: false,
        beforeContent: "",//异动前
        afterContent: "",//异动后
        changeItem:"",//异动项目
        chdrnum:"",//保单号
        apnum:"",//受理号
        aptype:"",
        effdate:null,
          showMovementSetTimeout:null
      }
    },
    props: {
      saveDamageFlag: {
        type: Boolean,
        default: false
      },
      poss: {
        type: Array,
        default(){
          return []
        }
      }
    },
      destroyed() {
        clearTimeout(this.showMovementSetTimeout)
      },
      methods: {
      changeView() {
        this.$emit('subSaveDamageFlag', false);
      },

      // 保全记录 弹框
      saveDamage() {
        console.log('-')

      },
      fShowItems(as_item) {
        let ls_items = "";
        if (as_item == "") {
          return "";
        } else {
          let index = as_item.length / 2;
          for (var i = 0; i < index; i++) {
            ls_items += as_item.substr(i * 2, 2) + ",";
          }
          ls_items = ls_items.substring(0, ls_items.length - 1);
        }
        return ls_items;
      },
      showMovement(row) {
        this.$emit('showLoading',true);
        this.beforeContent = "";
        this.afterContent = "";
        this.changeItem = "";
        this.tableData = [];
        this.chdrnum = row.chdrnum;
        this.apnum = row.apnum;
        if(row.aptype){
          this.aptype = this.fShowItems(row.aptype);
        }


        this.effdate = row.effdate;
        let that = this;

        this.showMovementSetTimeout = setTimeout(function()  {
          let ls_aptype = row.aptype.trim();
          let apnum = row.apnum;
          let flag = "Y";

          if (ls_aptype == null || ls_aptype == "") {
            return false;
          }
          let is_items = that.fShowItems(ls_aptype).split(",");
          var ll_index = 0;
          for (var i = 0; i < is_items.length; i++) {
            if (is_items[ll_index] == "29") {
              ll_index++;
              is_items[ll_index] = "99";
            }
            ll_index++;
          }

          for (var i = 0; i < is_items.length; i++) {
            that.initMovement(apnum, is_items[i], flag);
            let chgitmno = that.findChgdescByChgitmno(is_items[i]);
            if(chgitmno!=null && chgitmno!=""){
              that.changeItem = that.changeItem + chgitmno +";";
            }
          }
          that.opinionDialogVisible4 = true;
          that.$emit('showLoading',false);
        }, 1000);


      },
      initMovement(apnum, is_item, flag) {
        if (is_item == "01") {
          this.findMovement01(is_item, apnum);
        } else if (is_item == "02" || is_item == "04" || is_item == "05" || is_item == "06" || is_item == "07") {
          this.findMovement02(is_item, apnum);
        } else if (is_item == "08" || is_item == "09" || is_item == "10" || is_item == "11" || is_item == "12"
          || is_item == "13" || is_item == "14" || is_item == "15" || is_item == "16" || is_item == "17" || is_item == "18"
          || is_item == "19" || is_item == "20" || is_item == "21" || is_item == "22" || is_item == "23" || is_item == "24"
          || is_item == "25" || is_item == "26" || is_item == "27" || is_item == "28" || is_item == "29" || is_item == "30"
          || is_item == "31" || is_item == "32" || is_item == "33" || is_item == "34" || is_item == "35" || is_item == "36"
          || is_item == "37" || is_item == "38" || is_item == "39" || is_item == "40" || is_item == "99"
        ) {
          this.findMovement05(is_item, apnum);
        }
      },
      findMovement01(is_item, apnum) {
        let chgitmno = this.findChgdescByChgitmno(is_item);//项目
        let data = [];
        let params = {
          "apnum": apnum+""
        }
        this.$.ajax({
          headers: {
            Authorization: getToken(constant.TOKEN) || ''
          },
          url: appName.POS + '/preservation/movement/findMovement01',//url路径
          type: 'POST', //GET
          async: false, //或false,是否异步
          data: JSON.stringify(params),
          contentType: "application/json;charset=UTF-8",
          success: function (res, textStatus, jqXHR) {
            if (res.resultCode == constant.SUCCESS && res.data != null) {
              data = res.data;
            }
          }
        })

        if (data.length > 0) {
          // this.beforeContent = chgitmno + ":";
          data.forEach(item => {
            // this.beforeContent = this.beforeContent + "<p>"+"[" + item.role + "]" + item.pcode1new
            //   + item.waddnew01 + item.waddnew02 + item.waddnew03 + item.waddnew04 + item.waddnew05
            //   + item.wtel1new + item.wtel2new + item.wtel3new + item.emladrn+"</p>";

            let project = '<span id="chgitmno">' + chgitmno + '</span>';
            let before = '<span id="pcode1old">' + item.pcode1old + '</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="waddold01">' + item.waddold01 + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="waddold02">' + item.waddold02 + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="waddold03">' + item.waddold03 + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="waddold04">' + item.waddold04 + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="waddold05">' + item.waddold05 + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="wtel1old">' + item.wtel1old + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="wtel2old">' + item.wtel2old + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="wtel3old">' + item.wtel3old + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="emladro">' + item.emladro + '</span> <br>'
            ;
            let after = '<span id="role">' + item.role + '</span> <br>' +
              '<span id="pcode1new">' + item.pcode1new + '</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="waddnew01">' + item.waddnew01 + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="waddnew02">' + item.waddnew02 + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="waddnew03">' + item.waddnew03 + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="waddnew04">' + item.waddnew04 + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="waddnew05">' + item.waddnew05 + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="wtel1new">' + item.wtel1new + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="wtel2new">' + item.wtel2new + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="wtel3new">' + item.wtel3new + '</span> <br>' +
              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="emladrn">' + item.emladrn + '</span> <br>'
            ;

            let para = {
              "project":project,
              "after":after,
              "before":before,
            }
            this.tableData.push(para);

            // this.afterContent = this.afterContent +"<p>"+item.pcode1old + item.waddold01 + item.waddold02 + item.waddold03 + item.waddold04 + item.waddold05
            //   + item.wtel1old + item.wtel2old + item.wtel3old + item.emladro+"</p>";
          })
        }
      },
      findMovement02(is_item, apnum) {
        let chgitmno = this.findChgdescByChgitmno(is_item);//项目
        let data = [];
        let params = {
          "apnum": apnum+"",
          "type" : is_item
        }
        this.$.ajax({
          headers: {
            Authorization: getToken(constant.TOKEN) || ''
          },
          url: appName.POS + '/preservation/movement/findMovement02',//url路径
          type: 'POST', //GET
          async: false, //或false,是否异步
          data: JSON.stringify(params),
          contentType: "application/json;charset=UTF-8",
          success: function (res, textStatus, jqXHR) {
            if (res.resultCode == constant.SUCCESS && res.data != null) {
              data = res.data;
            }
          }
        })

        if (data.length > 0) {
          this.beforeContent = chgitmno + ":";
          if (is_item == "02") {
            data.forEach(item => {
              let project = '<span id="chgitmno">' + chgitmno + '</span>';
              let after = '<span id="nbillchnl">' + this.getTagValue("billchnl", item.nbillchnl) + '</span>';
              let before = '<span id="obillchnl">' + this.getTagValue("billchnl", item.obillchnl) + '</span>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent + "<p>"+this.getTagValue("billchnl", item.nbillchnl) + "</p>";
              // this.beforeContent = this.beforeContent+"<p>"+this.getTagValue("billchnl", item.obillchnl)+ "</p>";
            })
          } else if (is_item == "04") {
            data.forEach(item => {
              let project = '<span id="chgitmno">' + chgitmno + '</span>';
              let after = '生效日：<span id="ps01_effdate">' + item.effdate + '</span>&nbsp;&nbsp;&nbsp; <br>' +
                '<span id="mopnew">' + this.getTagValue("mop", item.mopnew) + '</span>&nbsp;&nbsp;&nbsp;';
              let before = '&nbsp;&nbsp;&nbsp;<br>' +
                '<span id="mopold">' + this.getTagValue("mop", item.mopold) + '</span>&nbsp;&nbsp;&nbsp;';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+ "生效日："+item.effdate+"   "+this.getTagValue("mop", item.mopnew)+ "</p>";
              // this.beforeContent = this.beforeContent+"<p>"+this.getTagValue("mop", item.mopold)+ "</p>";
            })
          } else if (is_item == "05") {
            data.forEach(item => {
              let project = '<span id="chgitmno">' + chgitmno + '</span>';
              let after = '<span id="newdivopt">' + this.getTagValue("divopt", item.newdivopt) + '</span>&nbsp;&nbsp;&nbsp;';
              let before = '<span id="olddivopt">' + this.getTagValue("divopt", item.olddivopt) + '</span>&nbsp;&nbsp;&nbsp;';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+this.getTagValue("divopt", item.newdivopt)+ "</p>";
              // this.beforeContent = this.beforeContent+"<p>"+this.getTagValue("divopt", item.olddivopt)+ "</p>";
            })
          } else if (is_item == "06") {
            data.forEach(item => {
              let project = '<span id="chgitmno">' + chgitmno + '</span>';
              let after = '<span id="newnfopt">' + this.getTagValue("nfopt", item.newnfopt) + '</span>&nbsp;&nbsp;&nbsp;';
              let before = '<span id="oldnfopt">' + this.getTagValue("nfopt", item.oldnfopt) + '</span>&nbsp;&nbsp;&nbsp;';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+this.getTagValue("nfopt", item.newnfopt)+ "</p>";
              // this.beforeContent = this.beforeContent+"<p>"+this.getTagValue("nfopt", item.oldnfopt)+ "</p>";
            })
          } else if (is_item == "07") {
            data.forEach(item => {
              let project = '<span id="chgitmno">' + chgitmno + '</span>';
              let after = '生效日：<span id="effdate">' + item.effdate + '</span>&nbsp;&nbsp;&nbsp;<br>'+
                '汇缴代码：<span id="newcamp">' + item.newcamp + '</span>&nbsp;&nbsp;&nbsp;<span id="newdiscrt">' + item.newdiscrt + '</span>&nbsp;&nbsp;&nbsp;';
              let before = '<br>'+
                '汇缴代码：<span id="oldcamp">' + item.oldcamp + '</span>&nbsp;&nbsp;&nbsp;<span id="olddiscrt">' + item.olddiscrt + '</span>&nbsp;&nbsp;&nbsp;';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent + "<p>"+"生效日："+item.effdate+ "汇缴代码：" +item.newcamp+"   "+item.newdiscrt+ "</p>";
              // this.beforeContent = this.beforeContent+"<p>"+"汇缴代码："+item.oldcamp+"   "+item.olddiscrt+ "</p>";
            })
          }

        }

      },
      findMovement05(is_item, apnum) {
        let chgitmno = this.findChgdescByChgitmno(is_item);//项目
        let params = {
          "apnum": apnum+"",
          "type" : is_item
        }
        let data = [];
        this.$.ajax({
          headers: {
            Authorization: getToken(constant.TOKEN) || ''
          },
          url: appName.POS + '/preservation/movement/findMovement05',//url路径
          type: 'POST', //GET
          async: false, //或false,是否异步
          data: JSON.stringify(params),
          contentType: "application/json;charset=UTF-8",
          success: function (res, textStatus, jqXHR) {
            if (res.resultCode == constant.SUCCESS && res.data != null) {
              data = res.data;
            }
          }
        })

        if (data.length > 0) {
          this.beforeContent = chgitmno + ":";
          if (is_item == "08") {
            data.forEach(item => {
              let project = '<span id="chgitmno">' + chgitmno + '</span>';
              let after = '<span id="wbnytpe">' + this.getTagValue("wbntype", item.wbnytpe) + '</span>&nbsp;&nbsp;&nbsp;<span id="namenew">' + item.namenew + '</span>&nbsp;&nbsp;&nbsp;<span id="newbnypc">' + item.newbnypc * 100 + "%" + '</span><br>'+
                '&nbsp;&nbsp;&nbsp;(关系:<span id="newbnyrln">' + this.getTagValue("bnyrln", item.newbnyrln) + '</span>&nbsp;&nbsp;&nbsp;)&nbsp;&nbsp;&nbsp;<span id="stflag">' + item.stflag + '</span>';
              let before = '<span id="oldbnytpe">' + this.getTagValue("wbntype", item.oldbnytpe) + '</span>&nbsp;&nbsp;&nbsp;<span id="nameold">' + item.nameold + '</span>&nbsp;&nbsp;&nbsp;<span id="oldbnypc">' + item.oldbnypc * 100 + "%" + '</span><br>'+
                '&nbsp;&nbsp;&nbsp;(关系:<span id="oldbnyrln">' + this.getTagValue("bnyrln", item.oldbnyrln) + '</span>&nbsp;&nbsp;&nbsp;)&nbsp;&nbsp;&nbsp;<span id="stflag"></span>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+ this.getTagValue("wbntype", item.wbnytpe) +"   "+item.namenew+"   "+ item.newbnypc * 100 + "%"
              // +"   关系:"+getTagValue("bnyrln", item.newbnyrln) +"   "+item.stflag+"</p>";
              // this.beforeContent = this.beforeContent+"<p>"+this.getTagValue("wbntype", item.oldbnytpe) +"   "+item.nameold+"   "+ item.oldbnypc * 100 + "%"
              //   +"   关系:"+getTagValue("bnyrln", item.oldbnyrln)+"</p>";
            })
          }else if (is_item == "09") {
            data.forEach(item => {
              let project = '<span id="chgitmno">' + chgitmno + '</span>';
              let after = '<span id="clntnum_new">' + item.clntnum_new + '</span>&nbsp;&nbsp;&nbsp;<span id="namenew">' + item.namenew + '</span>&nbsp;&nbsp;&nbsp;<br>'+
                '&nbsp;&nbsp;&nbsp;(关系:<span id="newbnyrln">' + item.newbnyrln + '</span>&nbsp;&nbsp;&nbsp;)&nbsp;&nbsp;&nbsp;';
              let before = '<span id="clntnum_old">' + item.clntnum_old + '</span>&nbsp;&nbsp;&nbsp;<span id="nameold">' + item.nameold + '</span>&nbsp;&nbsp;&nbsp;<br>'+
                '&nbsp;&nbsp;&nbsp;(关系:<span id="oldbnyrln">' + item.oldbnyrln + '</span>&nbsp;&nbsp;&nbsp;)&nbsp;&nbsp;&nbsp;';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+ item.clntnum_new + "   " + item.namenew
              //   + "   关系:" + item.newbnyrln+"</p>";
              // this.beforeContent = this.beforeContent +"<p>"+ item.clntnum_old + "   " + item.nameold
              //   + "   关系:" + item.oldbnyrln+"</p>";
            })
          }else if (is_item == "10") {
            data.forEach(item => {
              let project = '<span id="chgitmno">' + chgitmno + '</span>';
              let after = '被保险人:<span id="namenew">' + item.namenew + '</span>&nbsp;&nbsp;&nbsp;<br>'+
                '出生日期:<span id="newbirth">' + item.newbirth + '</span><br>'+
                '身份证号:<span id="newsecno">' + item.newsecno + '</span><br>'+
                '性别:<span id="newsex">' + item.newsex + '</span><br>'+
                '保险年龄:<span id="newage">' + item.newage + '</span>岁<br>';
              let before = '被保险人:<span id="nameold">' + item.nameold + '</span>&nbsp;&nbsp;&nbsp;<br>'+
                '出生日期:<span id="oldbirth">' + item.oldbirth + '</span><br>'+
                '身份证号:<span id="oldsecno">' + item.oldsecno + '</span><br>'+
                '性别:<span id="oldsex">' + item.oldsex + '</span><br>'+
                '保险年龄:<span id="oldage">' + item.oldage + '</span>岁<br>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+ "被保险人:"+ item.namenew + "   "+
              //   "出生日期:" +item.newbirth + "   "+"身份证号:" + item.newsecno + "   "+
              //   "性别:" + item.newsex + "   "+"保险年龄:" + item.newage + "岁"+"</p>";
              //
              // this.beforeContent = this.beforeContent +"<p>" + "被保险人:"+ item.nameold + "   "+
              //   "出生日期:" +item.oldbirth + "   "+"身份证号:" + item.oldsecno + "   "+
              //   "性别:" + item.oldsex + "   "+"保险年龄:" + item.oldage + "岁"+"</p>";
            })
          }else if (is_item == "11") {
            data.forEach(item => {
              let project = '<span id="chgitmno">' + chgitmno+ '</span>';
              let after = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="3">'+
                '生效日：<span id="effdate">'+ item.effdateString+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '被保险人'+
                '</td>'+
                '<td>职业代码</td>'+
                '<td>等级</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="namenew">'+ item.namenew+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="occpcden">'+ item.occpcden+'</span>&nbsp;&nbsp;'+
                '<span id="occpnamn">'+ item.occpnamn+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="newmortcls">'+ item.newmortcls+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let before = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="3">'+
                '&nbsp;'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '被保险人'+
                '</td>'+
                '<td>职业代码</td>'+
                '<td>等级</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="nameold">'+item.nameold+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="occpcdeo">'+item.occpcdeo+'</span>&nbsp;&nbsp;'+
                '<span id="occpnamo">'+item.occpnamo+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="oldmortcls">'+item.oldmortcls+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent + "<p>"+ "生效日   " + item.effdateString
              //   + "   被保险人:" + item.namenew+ "   职业代码:" + item.occpcden+item.occpnamn+ "   等级:" + item.newmortcls+"</p>";
              // this.beforeContent = this.beforeContent +"<p>"+ item.clntnum_old + "   " + item.nameold
              //   + "   被保险人:" + item.nameold+ "   职业代码:" + item.occpcdeo+item.occpnamo+ "   等级:" + item.oldmortcls+"</p>";
            })
          }else if (is_item == "13") {
            data.forEach(item => {
              let project = '<span id="chgitmno">' + chgitmno+ '</span>';
              let after = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="3">'+
                '生效日：<span id="effdate">'+item.effdate+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '被保险人/险种&nbsp;&nbsp;'+
                '</td>'+
                '<td>保额</td>'+
                '<td>保障终止日</td>'+
                '</tr>'+
                '<tr>'+
                '<td colspan="3">'+
                '<span id="namenew">'+item.namenew+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planamenew">'+item.planamenew+'</span>'+
                '<span id="innewsum">'+item.innewsum+'</span>&nbsp;&nbsp;'+
                '</td>'+
                '<td>'+
                '<span id="crunit">'+item.crunit+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="rcesdtenew">'+item.rcesdtenew+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let before = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="3">'+
                '生效日：<span id="effdate">'+effdate+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '被保险人/险种&nbsp;&nbsp;'+
                '</td>'+
                '<td>保额</td>'+
                '<td>保障终止日</td>'+
                '</tr>'+
                '<tr>'+
                '<td colspan="3">'+
                '<span id="nameold">'+item.nameold+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planameold">'+item.planameold+'</span>'+
                '<span id="inoldsum">'+item.inoldsum+'</span>&nbsp;&nbsp;'+
                '</td>'+
                '<td>'+
                '<span id="crunit">'+item.crunit+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="rcesdteold">'+item.rcesdteold+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+  "生效日   " + item.effdate+"   "+item.namenew
              //   + "   被保险人/险种:" + item.planamenew+"/"+item.innewsum+ "   保额:" + item.crunit + "   保障终止日:" + item.rcesdtenew+"</p>";
              // this.beforeContent = this.beforeContent +"<p>"+"生效日   " + item.effdate+"   "+item.nameold
              //   + "   被保险人/险种:" + item.planameold+"/"+item.inoldsum+ "   保额:" + item.crunit + "   保障终止日:" + item.rcesdteold+"</p>";
            })
          }else if (is_item == "15") {
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="2">'+
                '生效日：<span id="effdate">'+item.effdate+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '险种'+
                '</td>'+
                '<td>保额&nbsp;&nbsp;/&nbsp;&nbsp;保费</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planamenew">'+item.planamenew+'</span>&nbsp;'+
                '<span id="innewsum">'+item.innewsum+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="crunit">'+item.crunit+'</span>'+
                '&nbsp;<span>/</span>&nbsp;'+
                '<span id="newprem">'+item.newprem+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let before = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="2">'+
                '&nbsp;'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '险种'+
                '</td>'+
                '<td>保额&nbsp;&nbsp;/&nbsp;&nbsp;保费</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planameold">'+item.planameold+'</span>&nbsp;'+
                '<span id="inoldsum">'+item.inoldsum+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="crunit">'+item.crunit+'</span>'+
                '&nbsp;<span>/</span>&nbsp;'+
                '<span id="oldprem">'+item.oldprem+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+  "生效日   " + item.effdate+"   "
              //   + "   险种:" + item.planamenew+item.innewsum+ "   保额:" + item.crunit + "   保费:" + item.newprem+"</p>";
              // this.beforeContent = this.beforeContent +"<p>"+"生效日   " + item.effdate+"   "+item.nameold
              //   + "   险种:" + item.planameold+item.inoldsum+ "   保额:" + item.crunit + "   保费:" + item.oldprem+"</p>";
            })

          }else if (is_item == "16") {
            let compute_1 = "";
            let crunit = "";

            data.forEach(item => {
              if(item.stflag=='A'){
                compute_1 = "新增";
              }
              if(item.stflag=='D'){
                compute_1 = "删除";
              }else if(item.stflag=='C'){
                compute_1 = "异动";
              }

              if(item.crunit=="C1"){
                crunit = "单位";
              }
              if(item.crunit=="B1"){
                crunit = "计画";
              }
              if(item.crunit=="A4"){
                crunit = "万元";
              }
              if(item.crunit=="A3"){
                crunit = "千元";
              }
              if(item.crunit=="A1"){
                crunit = "元";
              }

              if(item.stflag == "D"){
                let project = '<span id="chgitmno">'+chgitmno+'</span>';
                let after = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                  '<tr>'+
                  '<td>'+
                  '被保险人/险种&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>保额/职业等级</td>'+
                  '<td>生效日</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td colspan="3">'+
                  '<span id="namenew">'+item.namenew+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td>'+
                  '&nbsp;'+
                  '<span id="compute_1">'+compute_1+'</span>'+
                  '<span id="innewsum">'+item.planamenew+'</span>&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>'+
                  '<span id="innewsum">&nbsp;</span>&nbsp;&nbsp;'+
                  '<span id="crunit">&nbsp;</span>'+
                  '<span>&nbsp;</span>'+
                  '<span id="newmortcls">&nbsp;</span>'+
                  '</td>'+
                  '<td>'+
                  '<span id="effdate">'+item.effdateString+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '</table>';
                let before = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                  '<tr>'+
                  '<td>'+
                  '被保险人/险种&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>保额/职业等级</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td colspan="2">'+
                  '<span id="nameold">'+item.nameold+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td>'+
                  '<span id="planameold">'+item.planameold+'</span>'+
                  '<span id="inoldsum">'+item.inoldsum+'</span>&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>'+
                  '<span id="crunit">'+item.crunit+'</span>'+
                  '<span>/</span>'+
                  '<span id="oldmortcls">'+item.oldmortcls+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '</table>';
                let para = {
                  "project":project,
                  "after":after,
                  "before":before,
                }
                this.tableData.push(para);
                // this.afterContent = this.afterContent +"<p>"+ item.namenew+ +"</p><p>"
                //   +"被保险人/险种:" + compute_1+"/"+item.planamenew
                //    "   生效日:" + item.effdateString +"</p>";
                // this.beforeContent = this.beforeContent +"<p>"+ item.nameold+"</p><p>"
                //   +"被保险人/险种:" + item.planameold+"/"+item.inoldsum
                //   + "   保额/职业等级:" + item.crunit+"/"+item.oldmortcls+"</p>";
              }else if(item.stflag == "A"){
                let project = '<span id="chgitmno">'+chgitmno+'</span>';
                let after = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                  '<tr>'+
                  '<td>'+
                  '被保险人/险种&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>保额/职业等级</td>'+
                  '<td>生效日</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td colspan="3">'+
                  '<span id="namenew">'+item.namenew+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td>'+
                  '&nbsp;'+
                  '<span id="compute_1">'+compute_1+'</span>'+
                  '<span id="innewsum">'+item.planamenew+'</span>&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>'+
                  '<span id="innewsum">'+item.innewsum+'</span>&nbsp;&nbsp;'+
                  '<span id="crunit">'+crunit+'</span>'+
                  '<span>/</span>'+
                  '<span id="newmortcls">'+item.newmortcls+'</span>'+
                  '</td>'+
                  '<td>'+
                  '<span id="effdate">'+item.effdateString+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '</table>';
                let before = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                  '<tr>'+
                  '<td>'+
                  '被保险人/险种&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>保额/职业等级</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td colspan="2">'+
                  '<span id="nameold">'+item.nameold+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td>'+
                  '<span id="planameold">&nbsp;</span>'+
                  '<span id="inoldsum">&nbsp;</span>&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>'+
                  '<span id="crunit">&nbsp;</span>'+
                  '<span>&nbsp;</span>'+
                  '<span id="oldmortcls">&nbsp;</span>'+
                  '</td>'+
                  '</tr>'+
                  '</table>';
                let para = {
                  "project":project,
                  "after":after,
                  "before":before,
                }
                this.tableData.push(para);
                // this.afterContent = this.afterContent +"<p>"+ item.namenew+ "</p><p>"
                //   + "被保险人/险种:" + compute_1+"/"+item.planamenew +"   "
                //   + "   保额/职业等级:" + item.innewsum+"/"+crunit+item.newmortcls
                //   + "   生效日:" + item.effdateString +"</p>";
                // this.beforeContent = this.beforeContent  +"<p>"+ item.nameold+"</p>";
              }else{
                let project = '<span id="chgitmno">'+chgitmno+'</span>';
                let after = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                  '<tr>'+
                  '<td>'+
                  '被保险人/险种&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>保额/职业等级</td>'+
                  '<td>生效日</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td colspan="3">'+
                  '<span id="namenew">'+item.namenew+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td>'+
                  '&nbsp;'+
                  '<span id="compute_1">'+compute_1+'</span>'+
                  '<span id="innewsum">'+item.planamenew+'</span>&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>'+
                  '<span id="innewsum">'+item.innewsum+'</span>&nbsp;&nbsp;'+
                  '<span id="crunit">'+crunit+'</span>'+
                  '<span>/</span>'+
                  '<span id="newmortcls">'+item.newmortcls+'</span>'+
                  '</td>'+
                  '<td>'+
                  '<span id="effdate">'+item.effdateString+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '</table>';
                let before = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                  '<tr>'+
                  '<td>'+
                  '被保险人/险种&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>保额/职业等级</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td colspan="2">'+
                  '<span id="nameold">'+item.nameold+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '<tr>'+
                  '<td>'+
                  '<span id="planameold">'+item.planameold+'</span>'+
                  '<span id="inoldsum">'+item.inoldsum+'</span>&nbsp;&nbsp;'+
                  '</td>'+
                  '<td>'+
                  '<span id="crunit">'+crunit+'</span>'+
                  '<span>/</span>'+
                  '<span id="oldmortcls">'+item.oldmortcls+'</span>'+
                  '</td>'+
                  '</tr>'+
                  '</table>';
                let para = {
                  "project":project,
                  "after":after,
                  "before":before,
                }
                this.tableData.push(para);
                // this.afterContent = this.afterContent +"<p>"+ item.namenew+ "</p><p>"
                //   + "被保险人/险种:" + compute_1+"/"+item.planamenew
                //   + "   保额/职业等级:" + item.innewsum+"/"+crunit+item.newmortcls
                //   + "   生效日:" + item.effdateString+"</p>" ;
                // this.beforeContent = this.beforeContent +"<p>"+item.nameold+"</p><p>"
                //   +"被保险人/险种:" + item.planameold+"/"+item.inoldsum
                // +"   保额/职业等级:"+crunit+"/"+item.oldmortcls+"</p>";
              }

            })
          }else if(is_item == "17"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '<span id="plannew">'+item.plannew+'</span>&nbsp;'+
                '增额保费&nbsp;'+
                '<span id="instprem">'+item.instprem+'</span>元';
              let before = "";
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              let project1 = '';
              let after1 = '<span id="unit_alloc_fund">'+item.unit_alloc_fund+'</span>&nbsp;&nbsp;&nbsp;'+
                '<span id="longdesc">'+item.longdesc+'</span>&nbsp;&nbsp;&nbsp;&nbsp;'+
                '<span id="newualprc">'+item.newualprc+'</span>%';
              let before1 = "";
              let para1 = {
                "project":project1,
                "after":after1,
                "before":before1,
              }
              this.tableData.push(para1);
              let project2 = '<span id="ridercnt">sum(ridercntforall)</span>';
              let after2 = '<span id="agntno1">'+item.agntno1+'</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+
                '<span id="agntno2">'+item.agntno2+'</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+
                '<span id="agntno3">'+item.agntno3+'</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>'+
                '<span id="agpercent1">'+item.agpercent1+'</span>%&nbsp;&nbsp;'+
                '<span id="agpercent2">'+item.agpercent2+'</span>%&nbsp;&nbsp;'+
                '<span id="agpercent3">'+item.agpercent3+'</span>%&nbsp;&nbsp;';
              let before2 = "";
              let para2 = {
                "project":project2,
                "after":after2,
                "before":before2,
              }
              this.tableData.push(para2);

              // this.afterContent = this.afterContent +"<p>"+ item.plannew +"增额保费" + item.instprem+"元"
              //   +  item.unit_alloc_fund + "   " + item.longdesc+ "   " + item.newualprc+"</p>";
              // this.beforeContent = this.beforeContent + "<p>"+item.agntno1 + "   " + item.agntno2
              //   + "   " + item.agntno3+ "   " + item.agpercent1+"   "+item.agpercent2+ "   " + item.agpercent3+"</p>";
            })
          }else if(is_item =="18"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '分期增额保费<span id="newrtuamt">'+item.newrtuamt+'</span>元<br>'+
                '分期增额缴别<span id="newrtufreq">'+item.newrtufreq+'</span>';
              let before = '分期增额保费<span id="oldrtuamt">'+item.oldrtuamt+'</span>元<br>'+
                '分期增额缴别<span id="oldrtufreq">'+item.oldrtufreq+'</span>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent  +"<p>"+"分期增额保费:" + item.newrtuamt+"分期增额缴别:"+  item.newrtufreq+"</p>";
              // this.beforeContent = this.beforeContent +"<p>"+ "分期增额保费:" + item.oldrtuamt+"分期增额缴别:"+  item.oldrtufreq+"</p>";
            })
          }else if(is_item =="19"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '转入：<br/><span id="i_unit_alloc_fund">'+item.i_unit_alloc_fund+'</span>&nbsp;&nbsp;'+
                '<span id="i_longdesc">'+item.i_longdesc+'</span>&nbsp;&nbsp;'+
                '<span id="i_newualprc">'+item.i_newualprc+'</span>%&nbsp;&nbsp;';
              let before = '转出：<br/><span id="o_unit_alloc_fund">'+item.o_unit_alloc_fund+'</span>&nbsp;&nbsp;'+
                '<span id="o_longdesc">'+item.o_longdesc+'</span>&nbsp;&nbsp;'+
                '<span id="o_trnamt">'+item.o_trnamt+'</span>&nbsp;&nbsp;'+
                '<span id="o_unit_type">'+item.o_unit_type+'</span>&nbsp;&nbsp;';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent   +"<p>"+ item.i_unit_alloc_fund+"   "+  item.i_longdesc+"   "+  item.i_newualprc+"</p>";
              // this.beforeContent = this.beforeContent  + "<p>"+item.o_unit_alloc_fund+"   "+  item.o_longdesc+"   "+  item.o_trnamt+"   "+item.o_unit_type+"</p>";
            })
          }else if(is_item =="20"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '<span id="unit_alloc_fund">'+item.unit_alloc_fund+'</span>&nbsp;&nbsp;'+
                '<span id="unit_alloc_fund_1">'+this.getTagValue("ualfnd", item.unit_alloc_fund_1)+'</span>&nbsp;&nbsp;'+
                '<span id="newualprc">'+item.newualprc+'</span>&nbsp;&nbsp;';
              let before = '<span id="unit_alloc_fund_2">'+item.unit_alloc_fund_2+'</span>&nbsp;&nbsp;'+
                '<span id="unit_alloc_fund_1_1">'+this.getTagValue("ualfnd", item.unit_alloc_fund_1_1)+'</span>&nbsp;&nbsp;'+
                '<span id="oldualprc">'+item.oldualprc+'</span>&nbsp;&nbsp;';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent   +"<p>"+ item.unit_alloc_fund+"   "+  this.getTagValue("ualfnd", item.unit_alloc_fund_1)+"   "+  item.newualprc+"</p>";
              // this.beforeContent = this.beforeContent  +"<p>"+ item.unit_alloc_fund_2+"   "+  this.getTagValue("ualfnd", item.unit_alloc_fund_1_1)+"   "+  item.oldualprc+"</p>";
            })
          }else if(is_item =="21"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '<span id="longdesc">'+item.longdesc+'</span>&nbsp;&nbsp;'+
                '<span id="trnamt">'+item.trnamt+'</span>&nbsp;&nbsp;'+
                '<span id="unit_type_1">'+item.unit_type+'</span>&nbsp;&nbsp;';
              let before = "";
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent   +"<p>"+ item.longdesc+"   "+  item.trnamt+"   "+  item.unit_type+"</p>";
            })
          }else if(is_item =="22"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="2">'+
                '生效日：<span id="effdate">'+item.effdate+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '险种'+
                '</td>'+
                '<td>保额&nbsp;&nbsp;/&nbsp;&nbsp;保费</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planamenew">'+item.planamenew+'</span>&nbsp;'+
                '<span id="innewsum">'+item.innewsum+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="crunit">'+item.crunit+'</span>'+
                '&nbsp;<span>/</span>&nbsp;'+
                '<span id="newprem">'+item.newprem+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let before = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="2">'+
                '&nbsp;'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '险种'+
                '</td>'+
                '<td>保额&nbsp;&nbsp;/&nbsp;&nbsp;保费</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planameold">'+item.planameold+'</span>&nbsp;'+
                '<span id="inoldsum">'+item.inoldsum+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="crunit_1">'+item.crunit+'</span>'+
                '&nbsp;<span>/</span>&nbsp;'+
                '<span id="oldprem">'+item.oldprem+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+"生效日："+ item.effdate+"   "+"   险种:"+  item.planamenew+item.innewsum
              // +"   保额:"+item.crunit+"   保费:"+item.newprem+"</p>";
              // this.beforeContent = this.beforeContent  +"<p>"+"   险种:"+  item.planameold+item.inoldsum
              //   +"   保额:"+item.crunit+"   保费:"+item.oldprem+"</p>";
            })
          }else if(is_item =="23"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '复效日：<span id="effdate">'+item.effdate+'</span><br>'+
                '<span id="switch_indicator">'+item.switch_indicator+'</span>';
              let before = '停效日：<span id="lapsfrom">'+item.lapsfrom+'</span>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+"复效日："+ item.effdate+"   "+  item.switch_indicator+"</p>";
              // this.beforeContent = this.beforeContent  +"   停效日:"+  item.lapsfrom+"</p>";
            })
          }else if(is_item =="24"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '生效日：<span id="effdate">'+item.effdate+'</span><br>'+
                '保单号码<span id="chdrnum">'+item.chdrnum+'</span>';
              let before = '<br>'+
                '保单号码<span id="chdrnumfrm">'+item.chdrnumfrm+'</span>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              let project1 = '<span id="chgitmno">'+chgitmno+'</span>';
              let after1 = '<span id="planamenew">'+item.planamenew+'</span>&nbsp;&nbsp;'+
                '<span id="innewsum">'+item.innewsum+'</span>&nbsp;&nbsp;'+
                '<span id="crunit">'+item.crunit+'</span>&nbsp;&nbsp;';
              let before1 = '<span id="planamenew_1">'+item.planamenew+'</span>&nbsp;&nbsp;'+
                '<span id="innewsum_1">'+item.innewsum+'</span>&nbsp;&nbsp;'+
                '<span id="crunit_1">'+item.crunit+'</span>&nbsp;&nbsp;';
              let para1 = {
                "project":project1,
                "after":after1,
                "before":before1,
              }
              this.tableData.push(para1);
              // this.afterContent = this.afterContent +"<p>"+"生效日："+ item.effdate+"   保单号码"+  item.chdrnum
              // +"   "+item.planamenew+"   "+item.innewsum+"   "+item.crunit+"</p>";
              // this.beforeContent = this.beforeContent  +"   保单号码:"+  item.chdrnumfrm
              //   +"   "+item.planamenew+"   "+item.innewsum+"   "+item.crunit+"</p>";
            })
          }else if(is_item =="25"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '姓名:<span id="namenew">'+item.namenew+'</span>&nbsp;&nbsp;&nbsp;<br>'+
                '出生日期:<span id="newbirth">'+item.newbirth+'</span><br>'+
                '身份证号:<span id="newsecno">'+item.newsecno+'</span><br>'+
                '性别:<span id="newsex">'+item.newsex+'</span><br>'+
                '保险年龄:<span id="newage">'+item.newage+'</span>岁<br>';
              let before = '姓名:<span id="nameold">'+item.nameold+'</span>&nbsp;&nbsp;&nbsp;<br>'+
                '出生日期:<span id="oldbirth">'+item.oldbirth+'</span><br>'+
                '身份证号:<span id="oldsecno">'+item.oldsecno+'</span><br>'+
                '性别:<span id="oldsex">'+item.oldsex+'</span><br>'+
                '保险年龄:<span id="oldage">'+item.oldage+'</span>岁<br>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+"姓名："+ item.namenew+"   出生日期"+  item.newbirth
              //   +"   身份证号"+item.newsecno+"   性别"+item.newsex+"   保险年龄"+item.newage+"</p>";
              // this.beforeContent = this.beforeContent  +"<p>"+"姓名："+ item.nameold+"   出生日期"+  item.oldbirth
              //   +"   身份证号"+item.oldsecno+"   性别"+item.oldsex+"   保险年龄"+item.oldage+"</p>";
            })
          }else if(is_item=="26"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="2">'+
                '生效日：<span id="effdate">'+item.effdate+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '被保险人/险种&nbsp;&nbsp;'+
                '</td>'+
                '<td>保额</td>'+
                '</tr>'+
                '<tr>'+
                '<td colspan="2">'+
                '<span id="namenew">'+item.namenew+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="plannew">'+item.plannew+'</span>'+
                '<span id="innewsum">'+item.innewsum+'</span>&nbsp;&nbsp;'+
                '</td>'+
                '<td>'+
                '<span id="crunit">'+item.crunit+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let before = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="2">'+
                '&nbsp;'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '被保险人/险种&nbsp;&nbsp;'+
                '</td>'+
                '<td>保额</td>'+
                '</tr>'+
                '<tr>'+
                '<td colspan="2">'+
                '<span id="nameold">'+item.nameold+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planold">'+item.planold+'</span>'+
                '<span id="inoldsum">'+item.inoldsum+'</span>&nbsp;&nbsp;'+
                '</td>'+
                '<td>'+
                '<span id="crunit">'+item.crunit+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+"生效日："+ item.effdate+"   "+  item.namenew
              //   +"   被保险人/险种"+item.plannew+"/"+item.innewsum+"   保额"+item.crunit+"</p>";
              // this.beforeContent = this.beforeContent  +"<p>"+ item.nameold+"   被保险人/险种"+  item.planold+"/"+item.inoldsum
              //   +"   保额"+item.crunit+"</p>";
            })
          }else if(is_item=="27"){
            let sum_adj = 0;
            let compute_2 = 0;
            let sum_pl = 0;
            let sum_apl = 0;
            let compute_1 = 0;

            data.forEach(item => {
              sum_adj = Number(item.bonusamt) +  Number(item.bonusint) +  Number(item.overprem)
                + Number(item.shortprem) + Number(item.lpcsamt) + Number(item.plamt) + Number(item.plint)
                + Number(item.aplamt) + Number(item.aplint) + Number(item.psuramt);
              compute_2 = Number(item.chgprem) + Number(item.emv) +  Number(item.zhtxfee) +  sum_adj;
              sum_pl =  Number(item.plamt) +  Number(item.plint);
              sum_apl = Number(item.aplamt) +  Number(item.aplint);
              compute_1 = Number(item.bonusamt) + Number(item.bonusint) + Number(item.overprem)
                + Number(item.shortprem)+ Number(item.lpcsamt) + Number(item.plamt) + Number(item.plint)
                + Number(item.aplamt) + Number(item.aplint) + Number(item.psuramt);

              if(item.cnttyp.substring(0,2)=="UL"){
                let project = '<span id="chgitmno">'+chgitmno+'</span>';
                let after = '<span id="chgprem"></span>&nbsp;&nbsp;&nbsp;&nbsp;'+
                  '预估保单帐户值:<span id="emv">'+item.emv+'</span><br>'+
                  '手续费:<span id="zhtxfee">'+item.zhtxfee+'</span><br>'+
                  '调整保费合计:<span id="sum_adj">'+ sum_adj +'</span><br>'+
                  '实际应退金额:<span id="compute_2">'+compute_2+'</span>'+
                  '<p>注:由于下期投资交易价格未知,所以保单帐户</p>'+
                  '<p>值是以最近一期价格估算，因此实际保单帐户</p>'+
                  '<p>值及实际应退金额以投资交易报告为准。</p>'+
                  '<p>正数：公司应付款</p>'+
                  '<p>负数：公司应收款</p>';
                let before = '保单红利:<span id="bonusamt">'+item.bonusamt+'</span><br>'+
                  '保单红利利息:<span id="bonusint">'+item.bonusint+'</span><br>'+
                  '保费溢缴:<span id="overprem">'+item.overprem+'</span><br>'+
                  '保费欠缴:<span id="shortprem">'+item.shortprem+'</span><br>'+
                  '契变暂存金额:<span id="lpcsamt">'+item.lpcsamt+'</span><br>'+
                  '保单借款本息:<span id="sum_pl">'+sum_pl+'</span><br>'+
                  '保单垫缴本息:<span id="sum_apl">'+sum_apl+'</span><br>'+
                  '调整给付金额:<span id="psuramt">'+item.psuramt+'</span><br>'+
                  '<hr>'+
                  '调整保费合计:<span id="compute_1">'+compute_1+'</span><br>';
                let para = {
                  "project":project,
                  "after":after,
                  "before":before,
                }
                this.tableData.push(para);
                // this.afterContent = this.afterContent +"<p>"+"预估保单帐户值:"+item.emv+"手续费:"+item.zhtxfee+"调整保费合计:"+sum_adj
                //   +"实际应退金额:"+compute_2+"注:由于下期投资交易价格未知,所以保单帐户值是以最近一期价格估算，因此实际保单帐户值及实际应退金额以投资交易报告为准。" +
                //   "正数：公司应付款.负数：公司应收款;"+"</p>";
                // this.beforeContent = this.beforeContent  + "<p>"+"   保单红利:"+  item.bonusamt+"   保单红利利息"+item.bonusint
                //   +"   保费溢缴"+item.overprem+"   保费欠缴"+item.shortprem+"   契变暂存金额"+item.lpcsamt+"   保单借款本息"+sum_pl
                //   +"   保单垫缴本息"+sum_apl+"   调整给付金额"+item.psuramt+"   调整保费合计"+compute_1+"</p>";
              }else{
                let project = '<span id="chgitmno">'+chgitmno+'</span>';
                let after = '应退金额:<span id="chgprem">'+item.chgprem+'</span>&nbsp;&nbsp;&nbsp;&nbsp;'+
                  '<span id="emv"></span><br>'+
                  '手续费:<span id="zhtxfee">'+item.zhtxfee+'</span><br>'+
                  '调整保费合计:<span id="sum_adj">'+ sum_adj +'</span><br>'+
                  '实际应退金额:<span id="compute_2">'+compute_2+'</span>'+
                  '<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>'+
                  '<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>'+
                  '<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>'+
                  '<p>正数：公司应付款</p>'+
                  '<p>负数：公司应收款</p>';
                let before = '保单红利:<span id="bonusamt">'+item.bonusamt+'</span><br>'+
                  '保单红利利息:<span id="bonusint">'+item.bonusint+'</span><br>'+
                  '保费溢缴:<span id="overprem">'+item.overprem+'</span><br>'+
                  '保费欠缴:<span id="shortprem">'+item.shortprem+'</span><br>'+
                  '契变暂存金额:<span id="lpcsamt">'+item.lpcsamt+'</span><br>'+
                  '保单借款本息:<span id="sum_pl">'+sum_pl+'</span><br>'+
                  '保单垫缴本息:<span id="sum_apl">'+sum_apl+'</span><br>'+
                  '调整给付金额:<span id="psuramt">'+item.psuramt+'</span><br>'+
                  '<hr>'+
                  '调整保费合计:<span id="compute_1">'+compute_1+'</span><br>';
                let para = {
                  "project":project,
                  "after":after,
                  "before":before,
                }
                this.tableData.push(para);
                // this.afterContent = this.afterContent +"<p>"+"应退金额:"+item.chgprem+"手续费:"+item.zhtxfee+"调整保费合计:"+sum_adj
                //   +"实际应退金额:"+compute_2+"正数：公司应付款.负数：公司应收款;"+"</p>";
                // this.beforeContent = this.beforeContent  + "<p>"+"   保单红利:"+  item.bonusamt+"   保单红利利息"+item.bonusint
                //   +"   保费溢缴"+item.overprem+"   保费欠缴"+item.shortprem+"   契变暂存金额"+item.lpcsamt+"   保单借款本息"+sum_pl
                //   +"   保单垫缴本息"+sum_apl+"   调整给付金额"+item.psuramt+"   调整保费合计"+compute_1+"</p>";
              }

            })
          }else if(is_item=="28"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '本次实借款金额:<span id="loanamt">'+item.loanamt+'</span>&nbsp;&nbsp;';
              let before = '保单最高可借金额:<span id="policyloan">'+item.policyloan+'</span><br>'+
                '已借款本息金额:<span id="plamt">'+item.plamt+'</span><br>'+
                '已垫缴本息金额:<span id="aplamt">'+item.aplamt+'</span><br>'+
                '本次最高可借款金额:<span id="loanallow">'+item.loanallow+'</span><br>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+"本次实借款金额："+ item.loanamt+"</p>";
              // this.beforeContent = this.beforeContent  +"<p>"+"   保单最高可借金额:"+  item.policyloan
              //   +"已借款本息金额:"+item.plamt+"已垫缴本息金额:"+item.aplamt+"本次最高可借款金额:"+item.loanallow+"</p>";
            })
          }else if(is_item=="29"){
            data.forEach(item => {
              let project = '<span id="'+chgitmno+'">chgitmno</span>';
              let after = '生效日：<span id="effdate">'+item.effdate+'</span><br>'+
                '被保险人<span id="clntnum">'+item.clntnum+'</span>&nbsp;&nbsp;'+
                '<span id="lifenm">'+item.lifenm+'</span>';
              let before = '加费原因：<span id="reason">'+item.reason+'</span><br>'+
                '被保险人<span id="clntnum">'+item.clntnum+'</span>&nbsp;&nbsp;'+
                '<span id="lifenm">'+item.lifenm+'</span>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              let project1 = '<span id="count">'+item.count+'</span>';
              let after1 = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                ''+
                '<td>'+
                '险种&nbsp;&nbsp;'+
                '</td>'+
                '<td>加费年期</td>'+
                '<td>加费%</td>'+
                '<td>定额</td>'+
                '<td>TM</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planamenew">'+item.planamenew+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="extprdnew">'+item.extprdnew+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="ratenew">'+item.ratenew+'</span>%'+
                '</td>'+
                '<td>'+
                '<span id="extprmnew">'+item.extprmnew+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="zmortnew">'+item.zmortnew+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let before1 = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td>'+
                '险种&nbsp;&nbsp;'+
                '</td>'+
                '<td>加费年期</td>'+
                '<td>加费%</td>'+
                '<td>定额</td>'+
                '<td>TM</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planamenew">'+item.planamenew+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="extprdnew">'+item.extprdnew+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="ratenew">'+item.ratenew+'</span>%'+
                '</td>'+
                '<td>'+
                '<span id="extprmnew">'+item.extprmnew+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="zmortnew">'+item.zmortnew+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let para1 = {
                "project":project1,
                "after":after1,
                "before":before1,
              }
              this.tableData.push(para1);
              // this.afterContent = this.afterContent +"<p>"+"生效日："+ item.effdate+"被保险人："+ item.clntnum+"   "+ item.lifenm
              // +"   "+item.count+"  险种:"+item.planamenew+"  加费年期:"+item.extprdnew+"  加费%:"+item.ratenew
              //   +"  定额:"+item.extprmnew+"  TM:"+item.zmortnew+"</p>";
              // this.beforeContent = this.beforeContent  +"<p>"+"加费原因:"+  item.reason+"被保险人:"+item.clntnum+"   "+ item.lifenm
              //   +"  险种:"+item.planamenew+"  加费年期:"+item.extprdnew+"  加费%:"+item.ratenew
              //   +"  定额:"+item.extprmnew+"  TM:"+item.zmortnew+"</p>";
            })
          }else if(is_item=="32"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="2">'+
                '生效日：<span id="effdate">'+item.effdate+'</span>'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '险种'+
                '</td>'+
                '<td>保额&nbsp;&nbsp;/&nbsp;&nbsp;保费</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planamenew">'+item.planamenew+'</span>&nbsp;'+
                '<span id="innewsum">'+item.innewsum+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="crunit">'+item.crunit+'</span>'+
                '&nbsp;<span>/</span>&nbsp;'+
                '<span id="newprem">'+item.newprem+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let before = '<table border="0" cellpadding="0" cellspacing="0" class="datalist">'+
                '<tr>'+
                '<td colspan="2">'+
                '&nbsp;'+
                '</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '险种'+
                '</td>'+
                '<td>保额&nbsp;&nbsp;/&nbsp;&nbsp;保费</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+
                '<span id="planameold">'+item.planameold+'</span>&nbsp;'+
                '<span id="inoldsum">'+item.inoldsum+'</span>'+
                '</td>'+
                '<td>'+
                '<span id="crunit">'+item.crunit+'</span>'+
                '&nbsp;<span>/</span>&nbsp;'+
                '<span id="oldprem">'+item.oldprem+'</span>'+
                '</td>'+
                '</tr>'+
                '</table>';
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+"生效日："+ item.effdate+"险种："+ item.planamenew+"   "+ item.innewsum
              //   "  保额:"+item.crunit+"  保费:"+item.newprem+"</p>";
              // this.beforeContent = this.beforeContent  +"<p>"+"险种："+ item.planameold+"   "+ item.inoldsum
              // "  保额:"+item.crunit+"  保费:"+item.oldprem+"</p>";
            })
          }else if(is_item=="33"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '生效日：<span id="effdate">'+item.effdate+'</span><br>'+
                '&nbsp;<span id="switch_indicator">'+item.switch_indicator+'</span>';
              let before = "";
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+"生效日："+ item.effdate+" "+ item.switch_indicator+"</p>";
            })
          }else if(is_item=="34"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '<span id="wremark">'+item.wremark+'</span>';
              let before = "";
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              // this.afterContent = this.afterContent +"<p>"+ item.wremark+"</p>";
            })
          }else if(is_item=="37"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '增额保费&nbsp;'+
                '<span id="instprem">'+item.instprem+'</span>元';
              let before = "";
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              let project1 = '<span id="chgitmno">'+chgitmno+'</span>';
              let after1 = '<span id="unit_alloc_fund">'+item.unit_alloc_fund+'</span>&nbsp;&nbsp;&nbsp;'+
                '<span id="longdesc">'+item.longdesc+'</span>&nbsp;&nbsp;&nbsp;&nbsp;'+
                '<span id="newualprc">'+item.newualprc+'</span>%';
              let before1 = "";
              let para1 = {
                "project":project1,
                "after":after1,
                "before":before1,
              }
              this.tableData.push(para1);
              // this.afterContent = this.afterContent +"<p>"+"增额保费："+ item.instprem+"元  "+ item.unit_alloc_fund+"   "+ item.longdesc
              // "   "+item.newualprc+"</p>";
            })
          }else if(is_item=="99"){
            data.forEach(item => {
              let project = '<span id="chgitmno">'+chgitmno+'</span>';
              let after = '生效日：<span id="effdate">'+item.effdate+'</span>&nbsp;&nbsp;&nbsp;&nbsp;'+
                '被保险人<span id="clntnum">'+item.clntnum+'</span>&nbsp;&nbsp;'+
                '<span id="lifenm">'+item.lifenm+'</span><br>'+
                '批注原因：<span id="notedesc">'+item.notedesc+'</span><br>'+
                '&nbsp;险种&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;批注';
              let before = "";
              let para = {
                "project":project,
                "after":after,
                "before":before,
              }
              this.tableData.push(para);
              let project1 = '<span id="count">'+count+'</span>';
              let after1 = '<span id="ps07_planamenew"style="width:60px;">ps07333</span>'+
                '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+
                '<span id="">√</span>&nbsp;&nbsp;&nbsp;&nbsp;';
              let before1 = "";
              let para1 = {
                "project":project1,
                "after":after1,
                "before":before1,
              }
              this.tableData.push(para1);
              // this.afterContent = this.afterContent +"<p>"+"生效日："+ item.effdate+"   被保险人:"+ item.clntnum+"   "+ item.lifenm
              // "   批注原因:"+item.notedesc+"</p>";
            })
          }else{
            let project = '<span id="chgitmno">'+chgitmno+'</span>';
            let after = '';
            let before = "";
            let para = {
              "project":project,
              "after":after,
              "before":before,
            }
            this.tableData.push(para);
          }

        }
      },
      findAptypeByApnum(apnum) {
        let data = null;
        let params = {
          "apnum": apnum
        }
        this.$.ajax({
          headers: {
            Authorization: getToken(constant.TOKEN) || ''
          },
          url: appName.POS + '/preservation/movement/findAptypeByApnum',//url路径
          type: 'POST', //GET
          async: false, //或false,是否异步
          data: JSON.stringify(params),
          contentType: "application/json;charset=UTF-8",
          success: function (res, textStatus, jqXHR) {
            if (res.resultCode == constant.SUCCESS && res.data != null) {
              data = res.data;
            }
          }
        })
        return data;
      },
      findChgdescByChgitmno(is_item) {
        let params = {
          "chgitmno": is_item
        }
        let data = null;
        this.$.ajax({
          headers: {
            Authorization: getToken(constant.TOKEN) || ''
          },
          url: appName.POS + '/preservation/movement/findChgdescByChgitmno',//url路径
          type: 'POST', //GET
          async: false, //或false,是否异步
          data: JSON.stringify(params),
          contentType: "application/json;charset=UTF-8",
          success: function (res, textStatus, jqXHR) {
            if (res.resultCode == constant.SUCCESS && res.data != null) {
              data = res.data;
            }
          }
        })
        return data;
      },
      /*
          * 获取tag对应的值
          * tagName 标签的名称
          * ls_data 标签的值
          */
      getTagValue(tagName, ls_data) {
        let val = null;
        let ls_shortdesc, ls_longdesc, ls_rtncd, ls_rtnsts;
        let is_tables = new Array();
        is_tables["billchnl"] = "T3620";
        is_tables["bnyrln"] = "T5663";
        is_tables["divopt"] = "TH500";
        is_tables["ualfnd"] = "T5515";
        is_tables["mop"] = "T3590";
        is_tables["nfopt"] = "TH586";
        is_tables["wbntype"] = "TW051";

        ls_shortdesc = uwJs.space(10);
        ls_longdesc = space(30);
        ls_rtncd = space(1);
        ls_rtnsts = space(4);

        tagName = tagName.toLowerCase();

        let params = {
          "company": this.usercomp,
          "table": is_tables[tagName],
          "lsSrcebus": ls_data,
          "lsShortdesc": ls_shortdesc,
          "lsLongdesc": ls_longdesc,
          "lsRtncd": ls_rtncd,
          "lsRtnsts": ls_rtnsts
        }
        this.$.ajax({
          headers: {
            Authorization: getToken(constant.TOKEN) || ''
          },
          url: appName.NEWUNDR + '/unipnd/nucleusNote/callEuis006',//url路径
          type: 'POST', //GET
          async: false, //或false,是否异步
          data: JSON.stringify(params),
          contentType: "application/json;charset=UTF-8",
          success: function (res, textStatus, jqXHR) {
            if (res.resultCode == constant.SUCCESS && res.data != null) {
              val = res.data.lsLongdesc;
            }
          }
        })

        if (val == null || val == "") {
          val = ls_data;
        }

        return val;
      }
    },
    filters: {
      aptypePipe: function (value) {
        var temp ="";
        if (value.trim() == "") {
          return "";
        } else {
          var index =value.trim() .length / 2;
          for (let i = 0 ; i < index ; i++) {
            temp += value.substr(i*2,2) + ",";
          }
          temp = temp.substring(0, temp.length - 1);
        }
        return temp
      },
    }
  }
</script>
<style lang="less" scoped>

</style>